<!DOCTYPE html>
<html>
<head>
    <title>人员派遣表</title>
    #parse("sys/header.html")
    <style>
        .el-select {
            /* height: 100px; */
            display: inline-block;
            position: relative;
            width: 11%;
        }

        .el-input__inner {
            height: 30px;
        }

        .zterrrec {
            background-color: aliceblue;
            padding-top: 10px !important;
        }

        .grid-top {

        }

        .search-span {
            position: absolute !important;
            padding-left: 120px;
            padding-top: 10px;
            color: #337ab7;
        }

        .leftBox {
            heigth: 600px;
            display: block;
            background-color: aliceblue;
            border-color: white;
            border-right-width: 15px;
            border-style: solid;
            height: 600px;
            overflow: auto;
        }

        .leftBox #clickCreenButton {
            float: right;
            padding-left: 10px;
            padding-top: 3px;
            color: #337ab7;
        }

        .leftBox #clickCreenButton:hover {
            font-size: 18px;
            color: #23527c;
        }

        .pop {
            left: 2200px;
            top: 0px;
            position: absolute;
            width: 100%;
            height: 610px;
            z-index: 101;
            background-color: rgba(0, 0, 0, 0.5);

        }

        .pop .tanchuang_neirong {

            border: solid 1px #f7dd8c;
            background-color: #FFF;

            margin-top: 30px;

        }

        .popfooter {
            height: 50px;
            background-color: #ecf1f1;
            vertical-align: middle;

        }

        .popfooter button {
            margin-top: 8px;
            float: right;
            margin-left: 10px;
            background-color: #337ab7;
            color: #fff;
        }

        .popfooter button:hover {

            background-color: #23527c;
            color: #fff;
        }

        .popherder {
            height: 35px;
            background-color: #ecf1f1;
            margin-top: -18px;
        }

        .popherder span {
            position: absolute;
            right: 10px;
            color: #337ab7;
            padding-top: 5px;
            font-size: 18px
        }

        .popherder span:hover {
            font-size: 20px;
            color: #23527c;

        }

        .ui-jqgrid {
            position: relative;
            border: 1px solid #ddd;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin-top: 15px;
        }

        .btn-info {
            color: #fff;
            background-color: #337ab7 !important;
            border-color: #337ab7;
        }

        .btn-info:hover {
            color: #fff;
            background-color: #23527c !important;
            border-color: #23527c;
        }

        .grid-btnre {
            margin-right: 1px !important;
        }

        html {
            _background-image: url(about:blank);
            _background-attachment: fixed;
        }

        .dropbtn {

            color: black;

            font-size: 14px;
            border: 1px solid;
            cursor: pointer;

            border-radius: 4px;
            border-color: #ccc;
        }

        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            z-index: 150;

        }

        .dropdown-content a {
            color: black;

            background-color: #ccc;
            display: block;
            border: none;
            border-color: #ccc;

            border-radius: 2px
        }

        .dropdown-content a:hover {
            background-color: #e6e6e6
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown:hover .dropbtn {
            background-color: #e6e6e6;
        }


    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="row">
            <div class="leftBox col-sm-2 " id="rigthMune">
             <span class="glyphicon glyphicon-fullscreen" id="clickCreenButton" @click="clickmp" style="color:#337ab7">
             </span>
                <!--<div class="col-sm-2">-->
                <ul id="menuTree" class="ztree zterrrec" style="height:600px;overflow:auto">
                </ul>
                <!--</div>-->
            </div>
            <div class="col-sm-10" id="leftDiv">
                <div class="grid-btn grid-top">
                    <div class="">
                        <div class="form-group col-sm-4">
                            <input type="text" class="form-control" v-model="q.name" @keyup.enter="query"
                                   placeholder="求职人员姓名" style="margin-left: -15px; ">
                        </div>
                        <div class="form-group col-sm-4">
                            <input type="text" class="form-control" v-model="q.confirmDate" @click="showtime('timede')"
                                   id="timede" placeholder="审核日期" style="margin-left: -15px;">
                        </div>
                        <div class="form-group col-sm-4">
                            <input type="text" class="form-control" @keyup.enter="query" placeholder="移动电话"
                                   style="margin-left: -15px;">
                        </div>
                    </div>
                    <div class="">
                        <div class="form-group col-sm-4">
                            <input type="text" class="form-control" @keyup.enter="query" placeholder="入职日期"
                                   style="margin-left: -15px;">
                        </div>
                        <div class="form-group col-sm-4">
                            <input type="text" class="form-control" @keyup.enter="query" placeholder="在岗状态"
                                   style="margin-left: -15px;">
                        </div>
                        <div class="form-group col-sm-4">
                            <input type="text" class="form-control" @keyup.enter="query" placeholder="身份证号"
                                   style="margin-left: -15px;">
                        </div>
                    </div>
                    <div>
                        #if($shiro.hasPermission("persondispatch:update"))
                        <div class="dropdown">
                            <a class="btn btn-default btn-sm grid-btnre dropdown dropbtn"><i class="fa fa-trash-o"></i>&nbsp;确认</a>
                            <div class="dropdown-content">
                                <a class="btn btn-default btn-sm grid-btnre" @click="beforeConfirm">通过</a>
                                <a class="btn btn-default btn-sm grid-btnre" @click="del">退回</a>
                            </div>
                        </div>
                        #end
                        <!--#if($shiro.hasPermission("persondispatch:update"))
                        <a class="btn btn-default btn-sm grid-btnre" @click="confirm"><i class="fa fa-trash-o"></i>&nbsp;审核</a>

                        #end-->
                        <!--#if($shiro.hasPermission("persondispatch:save"))
                        <a class="btn btn-default btn-sm grid-btnre" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
                        #end
                        #if($shiro.hasPermission("persondispatch:update"))
                        <a class="btn btn-default btn-sm grid-btnre" @click="update"><i
                                class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                        #end
                        #if($shiro.hasPermission("persondispatch:delete"))
                        <a class="btn btn-default btn-sm grid-btnre"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
                        #end-->
                        <!--<a class="btn btn-default btn-sm grid-btnre">&nbsp;取消派遣</a>
                        <a class="btn btn-default btn-sm grid-btnre">&nbsp;派遣</a>-->
                        <!-- <input type="text" class="" v-model="q.year" placeholder="年" style="width:50px"> -->
                        <!--  <div class=" btn btn-default btn-sm grid-btnre block"> -->

                        <template>
                            <el-select v-model="q.year" placeholder="年">
                                <el-option
                                        v-for="i in 3"
                                        :label=" new Date().getFullYear()-i+1"
                                        :value="new Date().getFullYear()-i+1">
                                </el-option>
                                <el-option
                                        v-for="i in 5"
                                        :label=" new Date().getFullYear()+i"
                                        :value="new Date().getFullYear()+i">
                                </el-option>
                            </el-select>
                        </template>
                        <template>
                            <el-select v-model="q.month" placeholder="月">
                                <el-option
                                        v-for="i in 12"
                                        :label="i"
                                        :value="i">
                                </el-option>
                            </el-select>
                        </template>

                        <template>
                            <el-select v-model="q.batch" placeholder="批次">
                                <el-option
                                        v-for="i in 12"
                                        :label="i"
                                        :value="i">
                                </el-option>
                            </el-select>
                        </template>


                        <a class="btn btn-default btn-sm grid-btnre" @click="openWindow('jqGridPop','Tablepop')">&nbsp;结算</a>

                        <a class="btn btn-default btn-sm grid-btnre"
                           @click="openWindow('jqGridPopSalary','TablepopSalary')">&nbsp;工资</a>

                        <div class="dropdown">
                            <a class="btn btn-default btn-sm grid-btnre dropdown dropbtn">&nbsp;档案管理</a>
                            <div class="dropdown-content">
                                <a class="btn btn-default btn-sm grid-btnre" @click="archFirstConfirm">档案提交</a>
                                <a class="btn btn-default btn-sm grid-btnre" @click="archTrans">档案异动</a>
                            </div>
                        </div>
                        <a class="btn btn-default btn-sm grid-btnre" @click="openContractWindow">&nbsp;合同管理</a>
                        <a class="btn btn-default btn-sm grid-btnre"
                           @click="openBusinessSSConfirmWindow">&nbsp;+意外险申报添加</a>
                        <a class="btn btn-default btn-sm grid-btnre"
                           @click="openWindow('jqGridPopPerson','TablepopPerson')">&nbsp;+社保员工基数添加</a>
                        <!-- openWindow('jqGridPopPerson','TablepopPerson') -->
                        <a class="btn btn-default btn-sm grid-btnre"
                           @click="openWindow('jqGridPopSocialSecurity','TablepopSocialSecurity')">&nbsp;+社保异动申报</a>
                        <a class="btn btn-default btn-sm grid-btnre" @click="policyC('policyCancellation')">&nbsp;+退款协议</a>
                        <a class="btn btn-default btn-sm grid-btnre" @click="policyC('policy')">&nbsp;+交退款</a>

                    </div>

                </div>
                <table id="jqGrid"></table>
                <div id="jqGridPager"></div>
            </div>
        </div>
    </div>

    <!-- 树菜单 -->
    <div class="pop" id="pop">
        <div class="col-sm-4"></div>
        <div class="row col-sm-4 tanchuang_neirong">
            <div class="col-sm-12 popherder">
                <span class="glyphicon glyphicon-remove-sign" @click="closePop"></span>
            </div>
            <div class="col-sm-12" style="height:400px;">
                <ul id="menuTreeScreen" class="ztree">
                </ul>
            </div>
            <div class="col-sm-12 popfooter" style="">
                <button type="button" class="btn btn-default" @click="closePop">取消</button>
                <button type="button" class="btn btn-default">确定</button>
            </div>
        </div>
        <div class="col-sm-4"></div>
    </div>

    <!--结算-->
    <div class="pop" id="Tablepop">

        <div class="row col-sm-12 tanchuang_neirong">
            <div class="col-sm-12 popherder">
                <button type="button" class="btn btn-info btn-sm" @click="editTables('jqGridPop')">编辑数据</button>
                <button type="button" class="btn btn-info btn-sm">导出</button>
                <button type="button" class="btn btn-info btn-sm" @click="saveEdit('jqGridPop')">保存</button>
                <span class="glyphicon glyphicon-remove-sign" @click="closeTablePop('Tablepop')"></span>
            </div>
            <div>
                <span>修改列：</span>
                <select v-model="coll" name="fruit">
                    <option :value="site.id" v-for="site in sites">{{site.value}}</option>
                </select>
                <input class="btn btn-default" id="inputjqGridPop" value=""/>
                <input class="btn btn-default" type="button" value="确认修改"
                       @click="saveCell('jqGridPop','inputjqGridPop')"/>
            </div>

            <table id="jqGridPop" style="margin-top: 10px;"></table>
            <div id="jqGridPagerPop"></div>

        </div>

    </div>

    <!--工资-->
    <div class="pop" id="TablepopSalary">

        <div class="row col-sm-12 tanchuang_neirong">
            <div class="col-sm-12 popherder">
                <button type="button" class="btn btn-info btn-sm" @click="editTables('jqGridPopSalary')">编辑数据</button>
                <button type="button" class="btn btn-info btn-sm">导出</button>
                <button type="button" class="btn btn-info btn-sm" @click="saveEdit('jqGridPopSalary')">保存</button>
                <span class="glyphicon glyphicon-remove-sign" @click="closeTablePop('TablepopSalary')"></span>
            </div>
            <div>
                <span>修改列：</span>
                <select v-model="coll" name="fruit">
                    <option :value="site.id" v-for="site in sites">{{site.value}}</option>
                </select>
                <input class="btn btn-default" id="inputjqGridPopSalary" value=""/>
                <input class="btn btn-default" type="button" value="确认修改"
                       @click="saveCell('jqGridPopSalary','inputjqGridPopSalary')"/>
            </div>
            <table id="jqGridPopSalary" style="margin-top: 10px;"></table>
            <div id="jqGridPagerPopSalary"></div>

        </div>

    </div>

    <!--个人社保基数-->
    <div class="pop" id="TablepopPerson">

        <div class="row col-sm-12 tanchuang_neirong">
            <div class="col-sm-12 popherder">
                <button type="button" class="btn btn-info btn-sm" @click="editTables('jqGridPopPerson')">编辑数据</button>
                <button type="button" class="btn btn-info btn-sm">导出</button>
                <button type="button" class="btn btn-info btn-sm" @click="saveEdit('jqGridPopPerson')">保存</button>
                <span class="glyphicon glyphicon-remove-sign" @click="closeTablePop('TablepopPerson')"></span>
            </div>
            <div>
                <span>修改列：</span>
                <select v-model="coll" name="fruit">
                    <option :value="site.id" v-for="site in sites">{{site.value}}</option>
                </select>
                <input class="btn btn-default" id="inputjqGridPopPerson" value=""/>
                <input class="btn btn-default" type="button" value="确认修改"
                       @click="saveCell('jqGridPopPerson','inputjqGridPopPerson')"/>
            </div>
            <table id="jqGridPopPerson" style="margin-top: 10px;"></table>
            <div id="jqGridPagerPopPerson"></div>

        </div>

    </div>
    <!-- 查看月份社保基数 -->
    <div class="pop" id="monthPop">
        <div class="panel panel-default">
            <div class="panel-heading">查询员工社保基数<span class="glyphicon glyphicon-remove" style="float: right;"
                                                     @click="reload"></span></div>
            <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-2 control-label">月</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="q.month" placeholder="月"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="confirmMonth" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>

    <!-- 社保异动 -->
    <div class="pop" id="TablepopSocialSecurity">
        <div class="panel panel-default">
            <div class="panel-heading">查询员工社保基数<span class="glyphicon glyphicon-remove" style="float: right;"
                                                     @click="reload"></span></div>
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#jqGridDiva" class="acilik" data-toggle="tab" @click="waitrecheck">待申报</a>
                </li>
                <li><a class="bcilik" href="#jqGridDivb" data-toggle="tab" @click="rechecking">申报中</a></li>
                <li><a class="ccilik" href="#jqGridDivc" data-toggle="tab" @click="rechecked">已申报</a></li>
                <li><a class="dcilik" href="#jqGridDivd" data-toggle="tab" @click="norecheck">不申报</a></li>
            </ul>

            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" style="margin-top:15px;" id="jqGridDiva">
                    #if($shiro.hasPermission("socialsecuritytransaction:update"))
                    <a class="btn btn-primary" @click="declare('process','declare')"><i class="fa fa-pencil-square-o"></i>&nbsp;申报</a>
                    #end
                    #if($shiro.hasPermission("socialsecuritytransaction:save"))
                    <a class="btn btn-primary" @click="declare('process','unDeclare')"><i class="fa fa-plus"></i>&nbsp;不申报</a>
                    #end
                </div>

                <div class="grid-btn tab-pane fade " style="margin-top:15px;" id="jqGridDivb">
                    #if($shiro.hasPermission("socialsecuritytransaction:save"))
                    <a class="btn btn-primary" @click="declare('process','unDeclare')"><i class="fa fa-plus"></i>&nbsp;不申报</a>
                    #end
                </div>
                <div class="grid-btn tab-pane fade " style="margin-top:15px;" id="jqGridDivc">
                    #if($shiro.hasPermission("socialsecuritytransaction:save"))
                    <a class="btn btn-primary" @click="declare('process','tempQuit')"><i class="fa fa-plus"></i>&nbsp;临时退保</a>
                    #end

                </div>
                <div class="grid-btn tab-pane fade " style="margin-top:15px;" id="jqGridDivd">
                    #if($shiro.hasPermission("socialsecuritytransaction:save"))
                    <a class="btn btn-primary" @click="declare('process','reDeclare')"><i class="fa fa-plus"></i>&nbsp;重新申报</a>
                    #end

                </div>

                <div id="jqGridDiv" style="margin-top: 5px;">
                    <table id="jqGridPopSocialSecurity"></table>
                    <div id="jqGridPopSocialSecurityPager"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 人员派遣通过信息录入 -->
    <div class="pop" id="confirmPop">
        <div class="panel panel-default">
            <div class="panel-heading">人员派遣通过信息录入<span class="glyphicon glyphicon-remove" style="float: right;"
                                                       @click="reload"></span></div>
            <form class="form-horizontal">
                <div v-show="!showDispatch">
                    <div class="form-group">
                        <div class="col-sm-1 control-label">部门</div>
                        <div class="col-sm-2">
                            <select v-model="personDispatch.departmentId" id="departmentId" class="form-control" @change="changeDepartName">
                                <option v-for="office in sysOfficeList" :value="office.id">{{office.name}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-1 control-label">岗位</div>
                        <div class="col-sm-2">
                            <select v-model="personDispatch.station" class="form-control">
                                <option v-for="station in stationList" :value="station.value">{{station.label}}</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div v-show="showDispatch">
                    <div class="form-group">
                        <div class="col-sm-1 control-label">部门</div>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" v-model="personDispatch.department" placeholder="部门"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-1 control-label">岗位</div>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" v-model="personDispatch.station" placeholder="岗位"/>
                        </div>
                    </div>
                </div>
                <div v-show="!showBusinessSS">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">商保类型</div>
                        <div class="col-sm-2">
                            <select v-model="sbjsgl.sbjsglId" class="form-control">
                                <option v-for="lx in bxxq" :value="lx.id">{{lx.bxxq}}</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-group">
                        <div class="col-sm-1 control-label">入职日期</div>
                        <div class="col-sm-2">
                            <el-date-picker v-model="personDispatch.entryDate" type="date" placeholder="入职日期"/>
                            <!--<input type="text" class="form-control" v-model="personDispatch.entryDate" placeholder="入职日期"/>-->
                        </div>
                    </div>
                    <div class="col-sm-1 control-label">派遣类型</div>
                    <div class="col-sm-2">
                        <label class="radio-inline"><input type="radio" v-model="personDispatch.dispatchType"
                                                           value="0"/>正常派遣</label>
                        <label class="radio-inline"><input type="radio" v-model="personDispatch.dispatchType"
                                                           value="1"/>临时派遣</label>
                        <!--<input type="text" class="form-control" v-model="personDispatch.dispatchType" placeholder="派遣类型"/>-->
                    </div>
                </div>
                <div class="form-group" id="dropDown" style="display:none">
                    <div class="col-sm-1 control-label">下拉框</div>

                    <template>
                        <el-select v-model="q.month" placeholder="月">
                            <el-option
                                    v-for="i in 12"
                                    :label="i"
                                    :value="i">
                            </el-option>
                        </el-select>
                    </template>

                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="confirm" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>

    <!-- 档案异动信息录入 -->
    <div class="pop" id="archPop">
        <div class="panel panel-default">
            <div class="panel-heading">档案异动信息录入<span class="glyphicon glyphicon-remove" style="float: right;"
                                                     @click="reload"></span></div>
            <form class="form-horizontal">

                <div class="form-group">
                    <div class="col-sm-2 control-label">档案类型(例:户口本)</div>
                    <div class="col-sm-2">
                        <select v-model="empArchivesbaseRecord.archivesbaseCategory" class="form-control">
                            <option v-for="arch in archTypeList" :value="arch.value">{{arch.label}}</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">操作</div>
                    <div class="col-sm-2">
                        <select v-model="empArchivesbaseRecord.operation" class="form-control">
                            <option v-for="operation in operationList" :value="operation.value">{{operation.label}}
                            </option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-5 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="archConfirm" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>

    <!-- 意外险申报添加 -->
    <div class="pop" id="businessSSPop">
        <div class="panel panel-default">
            <div class="panel-heading">意外险申报添加<span class="glyphicon glyphicon-remove" style="float: right;"
                                                    @click="reload"></span></div>
            <form class="form-horizontal">

                <div class="form-group">
                    <div class="col-sm-2 control-label">商保类型</div>
                    <div class="col-sm-2">
                        <select v-model="sbjsgl.sbjsglId" class="form-control">
                            <option v-for="lx in bxxq" :value="lx.id">{{lx.bxxq}}</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-5 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="businessSSConfirm" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>

    <!-- 合同信息录入 -->
    <div class="pop" id="contractPop">
        <div class="panel panel-default">
            <div class="panel-heading">合同信息录入<span class="glyphicon glyphicon-remove" style="float: right;"
                                                   @click="reload"></span></div>
            <form class="form-horizontal">

                <div class="form-group">
                    <div class="col-sm-1 control-label">合同编号</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.conId" placeholder="合同编号"/>
                    </div>
                    <div class="col-sm-1 control-label">合同起始时间</div>
                    <div class="col-sm-2">
                        <el-date-picker v-model="empContract.conStartTime" type="date" placeholder="合同起始时间"/>
                    </div>

                    <div class="col-sm-1 control-label">合同终止时间</div>
                    <div class="col-sm-2">
                        <el-date-picker v-model="empContract.conEndTime" type="date" placeholder="合同终止时间"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-1 control-label">合同期限</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.conDeadline" placeholder="合同期限"/>
                    </div>

                    <div class="col-sm-1 control-label">试用期起始时间</div>
                    <div class="col-sm-2">
                        <el-date-picker v-model="empContract.tryStartTime" type="date" placeholder="试用期起始时间"/>
                    </div>
                    <div class="col-sm-1 control-label">试用期终止时间</div>
                    <div class="col-sm-2">
                        <el-date-picker v-model="empContract.tryEndTime" type="date" placeholder="试用期终止时间"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-1 control-label">试用期期限</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.tryDeadline" placeholder="试用期期限"/>
                    </div>

                    <div class="col-sm-1 control-label">工作单位</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.jobUnit" placeholder="工作单位"/>
                    </div>
                    <div class="col-sm-1 control-label">工作地点</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.jobPosition" placeholder="工作地点"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-1 control-label">工作制</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.jobInstitution" placeholder="工作制"/>
                    </div>
                    <div class="col-sm-1 control-label">合同方式</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.conType" placeholder="合同方式"/>
                    </div>
                    <div class="col-sm-1 control-label">工资发放日</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.payGiveDate" placeholder="工资发放日"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-1 control-label">试用期工资</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.tryPeriodPay" placeholder="试用期工资"/>
                    </div>

                    <div class="col-sm-1 control-label">转正计算方式</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.formalComputeType"
                               placeholder="转正计算方式"/>
                    </div>

                    <div class="col-sm-1 control-label">月工资</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.monthPay" placeholder="月工资"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-1 control-label">社保</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.societySecure" placeholder="社保"/>
                    </div>

                    <div class="col-sm-1 control-label">解除或终止日期</div>
                    <div class="col-sm-2">
                        <el-date-picker v-model="empContract.relieveOrEndDate" type="date" placeholder="解除或终止日期"/>
                    </div>

                    <div class="col-sm-1 control-label">解除或终止原因</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.relieveOrEndReason"
                               placeholder="解除或终止原因"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-1 control-label">是否生效</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.ifEffective" placeholder="是否生效"/>
                    </div>

                    <div class="col-sm-1 control-label">是否续签</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.isContinue" placeholder="是否续签"/>
                    </div>
                    <div class="col-sm-1 control-label">有无经济补偿</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="empContract.ifEconomicCompensate"
                               placeholder="有无经济补偿"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-5 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="contractConfirm" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>

    <!-- 退款协议 -->
    <div class="pop" id="policyCancellation">
        <div class="panel panel-default">
            <div class="panel-heading">退款协议<span class="glyphicon glyphicon-remove" style="float: right;"  @click="reload" ></span></div>
            <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-1 control-label">姓名</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refundContract.name" placeholder="姓名"/>
                    </div>

                    <div class="col-sm-1 control-label">身份证号</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refundContract.idno" placeholder="身份证号"/>
                    </div>
                    <div class="col-sm-1 control-label">性别</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refundContract.sex" placeholder="性别"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-1 control-label">年龄</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refundContract.age" placeholder="年龄"/>
                    </div>
                    <div class="col-sm-1 control-label">单位</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refundContract.settlementName" placeholder="性别"/>
                    </div>
                    <div class="col-sm-1 control-label">档案状态</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refundContract.archivesType" placeholder="档案状态"/>
                    </div>
                </div>
                <div class="form-group">


                </div>
                <div class="form-group">

                    <div class="col-sm-1 control-label">
                        <!--  <label class="radio-inline"><input type="checkbox" value="0"/></label> -->
                        <el-checkbox  name="gongshang" @change="handleCheckedCitiesChange">编辑</el-checkbox>
                    </div>
                    <!--<div class="col-sm-2 control-label">工伤

                        <el-tooltip :content="'是否可退: '+checked.gongShangONorOff" placement="top">
                            &lt;!&ndash; v-model="checked.gongShangONorOff"&ndash;&gt;
                            <el-switch
                                    v-model="refundContract.gongs_type"
                                    on-color="#13ce66"
                                    off-color="#ff4949"
                                    on-value="可退"
                                    off-value="不可退">
                            </el-switch>
                        </el-tooltip>
                    </div>-->
                    <div class="col-sm-2 control-label">工伤金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control gongshang" v-model="refundContract.gongsJe" disabled="false" placeholder="金额"/>
                    </div>
                </div>
                <div class="form-group">

                    <div class="col-sm-1 control-label">
                        <!--  <label class="radio-inline"><input type="checkbox" value="0"/></label> -->
                        <el-checkbox  name="yanglao" @change="handleCheckedCitiesChange">编辑</el-checkbox>

                    </div>
                    <!--<div class="col-sm-2 control-label">养老
                        <el-tooltip :content="'是否可退: '+checked.yanglaoONorOff" placement="top">
                            <el-switch
                                    v-model="checked.yanglaoONorOff"
                                    on-color="#13ce66"
                                    off-color="#ff4949"
                                    on-value="可退"
                                    off-value="不可退">
                            </el-switch>
                        </el-tooltip>
                    </div>-->

                    <div class="col-sm-2 control-label">养老金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control yanglao" v-model="refundContract.yanglJe" disabled="false" placeholder="金额"/>
                    </div>
                </div>
                <div class="form-group">

                    <div class="col-sm-1 control-label">
                        <!--  <label class="radio-inline"><input type="checkbox" value="0"/></label> -->
                        <el-checkbox  name="shiye" @change="handleCheckedCitiesChange">编辑</el-checkbox>

                    </div>
                    <!--<div class="col-sm-2 control-label">失业
                        <el-tooltip :content="'是否可退: '+checked.shiyeONorOff" placement="top">
                            <el-switch
                                    v-model="checked.shiyeONorOff"
                                    on-color="#13ce66"
                                    off-color="#ff4949"
                                    on-value="可退"
                                    off-value="不可退">
                            </el-switch>
                        </el-tooltip>
                    </div>-->

                    <div class="col-sm-2 control-label">失业金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control shiye" v-model="refundContract.shiyJe" disabled="false" placeholder="金额"/>
                    </div>
                </div>

                <div class="form-group">

                    <div class="col-sm-1 control-label">
                        <!--   <label class="radio-inline"><input type="checkbox" value="0"/></label> -->
                        <el-checkbox  name="yiliao" @change="handleCheckedCitiesChange">编辑</el-checkbox>

                    </div>
                    <!--<div class="col-sm-2 control-label">医疗
                        <el-tooltip :content="'是否可退: '+checked.yiliaoONorOff" placement="top">
                            <el-switch
                                    v-model="checked.yiliaoONorOff"
                                    on-color="#13ce66"
                                    off-color="#ff4949"
                                    on-value="可退"
                                    off-value="不可退">
                            </el-switch>
                        </el-tooltip>
                    </div>-->

                    <div class="col-sm-2 control-label">医疗金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control yiliao" v-model="refundContract.yilJe" disabled="false" placeholder="金额"/>
                    </div>
                </div>
                <div class="form-group">

                    <div class="col-sm-1 control-label">
                        <!--  <label class="radio-inline"><input type="checkbox" value="0"/></label> -->
                        <el-checkbox  name="dabing" @change="handleCheckedCitiesChange">编辑</el-checkbox>

                    </div>
                    <!--<div class="col-sm-2 control-label">大病
                        <el-tooltip :content="'是否可退: '+checked.dabingONorOff" placement="top">
                            <el-switch
                                    v-model="checked.dabingONorOff"
                                    on-color="#13ce66"
                                    off-color="#ff4949"
                                    on-value="可退"
                                    off-value="不可退">
                            </el-switch>
                        </el-tooltip>
                    </div>-->

                    <div class="col-sm-2 control-label">大病金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control dabing" v-model="refundContract.dabJe" disabled="false" placeholder="金额"/>
                    </div>
                </div>
                <div class="form-group">

                    <div class="col-sm-1 control-label">

                        <el-checkbox  name="gongjijin" @change="handleCheckedCitiesChange">编辑</el-checkbox>

                    </div>
                    <!--<div class="col-sm-2 control-label">公积金
                        <el-tooltip :content="'是否可退: '+checked.dgongjijinONorOff" placement="top">
                            <el-switch
                                    v-model="checked.dgongjijinONorOff"
                                    on-color="#13ce66"
                                    off-color="#ff4949"
                                    on-value="可退"
                                    off-value="不可退">
                            </el-switch>
                        </el-tooltip>
                    </div>-->

                    <div class="col-sm-2 control-label">公积金金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control gongjijin" v-model="refundContract.gongjjJe" disabled="false" placeholder="金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-5 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="saverefundContract" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>
    <!-- 交退款 -->
    <div class="pop" id="policy">
        <div class="panel panel-default row col-sm-12 tanchuang_neirong">
            <div class="panel-heading">交退款<span class="glyphicon glyphicon-remove" style="float: right;"  @click="reload" ></span></div>
            <form class="form-horizontal">

                <div class="form-group">
                    <div class="col-sm-1 control-label">姓名</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refund.name" placeholder="姓名"/>
                    </div>

                    <div class="col-sm-1 control-label">身份证号</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refund.idno" placeholder="身份证号"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-1 control-label">性别</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refund.sex" placeholder="性别"/>
                    </div>
                    <div class="col-sm-1 control-label">年龄</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refund.age" placeholder="年龄"/>
                    </div>
                    <div class="col-sm-1 control-label">单位</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="refund.settlementName" placeholder="单位"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-1 control-label">费用类型</div>
                    <div class="col-sm-2">
                        <select v-model="refund.costType" class="form-control" @change="selCostType">
                            <option v-for="costtype in costTypeList" :value="costtype.value">{{costtype.label}}</option>
                        </select>
                    </div>
                    <div class="col-sm-1 control-label">费用方式</div>
                    <div class="col-sm-2">
                        <select v-model="refund.costFunc" id="selCostFunc" class="form-control" @change="selCostFunc">
                            <option v-for="costfunc in costFuncList" :value="costfunc.value">{{costfunc.label}}</option>
                        </select>
                    </div>
                </div>
                <div v-show="!showRefund">
                    <table id="jqGridPopRefund"></table>
                    <div id="jqGridPopRefundPager"></div>
                </div>

                <div class="form-group">
                    <div class="col-sm-5 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="refund" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>

    <!-- 单位结算 -->
    <div class="pop" id="settlementPop">
        <div class="panel panel-default">
            <div class="panel-heading">单位结算单<span class="glyphicon glyphicon-remove" style="float: right;"
                                                  @click="reload"></span></div>
            <form class="form-horizontal">
                <div class="form-group text-center" style="">
			   <span style="font-size:20px;">
			   	  湖南华顺有限公司
			   	  {{serviceSettlementMain.year}}年{{serviceSettlementMain.month}}月第{{serviceSettlementMain.batch}}批次

			   </span>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">结算项目</div>
                    </div>
                    <div class="col-sm-2 ">
                        <div class=" btn btn-default btn-width">实收</div>
                    </div>
                    <div class="col-sm-2 ">
                        <div class=" btn btn-default btn-width">结算人数</div>
                    </div>
                    <div class="col-sm-2 ">
                        <div class="btn btn-default btn-width">结算金额</div>
                    </div>
                    <!--<div class="col-sm-4  ">
                        <div class="btn btn-default btn-width">备注说明</div>
                    </div>-->
                </div>

                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位工伤保险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.dwyjGongsYs"
                               ref="dwyjGongsYs" placeholder="" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwGongsSsRs"
                               ref="jsdwGongsSsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwGongsSs"
                               ref="jsdwGongsSs" placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位养老保险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.dwyjYanglYs"
                               placeholder="实收总额" disabled="true" ref="dwyjYanglYs"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwYanglSsRs"
                               placeholder="人数" ref="jsdwYanglSsRs"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwYanglSs"
                               ref="jsdwYanglSs" placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位失业保险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.dwyjShiyYs"
                               ref="dwyjShiyYs"
                               placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwShiySsRs"
                               ref="jsdwShiySsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwShiySs"
                               ref="jsdwShiySs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位应缴医疗</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.dwyjYilYs"
                               ref="dwyjYilYs"
                               placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwYilSsRs"
                               ref="jsdwYilSsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwYilSs"
                               ref="jsdwYilSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位生育保险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.dwyjShengyYs"
                               ref="dwyjShengyYs" placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" ref="jsdwShengySsRs"
                               v-model="serviceSettlementMain.jsdwShengySsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwShengySs"
                               ref="jsdwShengySs" placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位应缴大病险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.dwyjDabYs"
                               ref="dwyjDabYs"
                               placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwDabSsRs"
                               ref="jsdwDabSsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwDabSs"
                               ref="jsdwDabSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位公积金</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.dwyjGongjjYs"
                               ref="dwyjGongjjYs" placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwGongjjSsRs"
                               ref="jsdwGongjjSsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwGongjjSs"
                               ref="jsdwGongjjSs" placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">个人养老保险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.gryjYanglYs"
                               ref="gryjYanglYs" placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrYanglSsRs"
                               placeholder="人数" ref="jsgrYanglSsRs"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrYanglSs"
                               ref="jsgrYanglSs" placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">个人失业保险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.gryjShiyYs"
                               ref="gryjShiyYs"
                               placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrShiySsRs"
                               ref="jsgrShiySsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrShiySs"
                               ref="jsgrShiySs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2">
                        <div class="btn btn-default btn-width">个人应缴医疗</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.gryjYilYs"
                               ref="gryjYilYs"
                               placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrYilSsRs"
                               ref="jsgrYilSsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrYilSs"
                               ref="jsgrYilSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 ">
                        <div class="btn btn-default btn-width">个人应缴大病险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.gryjDabYs"
                               ref="gryjDabYs"
                               placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrDabSsRs"
                               ref="jsgrDabSsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrDabSs"
                               ref="jsgrDabSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">个人公积金</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.gryjGongjjYs"
                               ref="gryjGongjjYs" placeholder="实收总额" disabled="true"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrGongjjSsRs"
                               ref="jsgrGongjjSsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrGongjjSs"
                               ref="jsgrGongjjSs" placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">管理费</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwGuanlifSsRs"
                               placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwGuanlifSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">工资</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" ref="jsdwSalarySsRs"
                               v-model="serviceSettlementMain.jsdwSalarySsRs" placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" ref="jsdwSalarySs"
                               v-model="serviceSettlementMain.jsdwSalarySs" placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 ">
                        <div class="btn btn-default btn-width">加班费</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwOvertimepaySsRs"
                               placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwOvertimepaySs"
                               ref="jsdwOvertimepaySs" placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">单位意外保险</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwYiwaiSsRs"
                               placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwYiwaiSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 ">
                        <div class="btn btn-default btn-width">单位小计</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwUnitsubtotalSsRs"
                               placeholder="人数"/>
                    </div>

                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsdwUnitsubtotalSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2  ">
                        <div class="btn btn-default btn-width">个人小计</div>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrPersonsubtotalSsRs"
                               placeholder="人数"/>
                    </div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsgrPersonsubtotalSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <!-- 补差 -->
                <div class="form-group">
                    <div class="col-sm-2 control-label">单位补差工商</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcdwGongsYs"
                               placeholder="结算金额"/>
                    </div>
                    <div class="col-sm-2 control-label">单位补差养老</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcdwYanglYs"
                               placeholder="结算金额"/>
                    </div>
                    <div class="col-sm-2 control-label">单位补差失业</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcdwShiyYs"
                               ref="bcdwShiyYs"
                               placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label ">单位补差医疗</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcdwYilYs"
                               ref="bcdwYilYs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label  ">单位补差生育</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcdwShengyYs"
                               ref="bcdwShengyYs" placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">个人补差工伤</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcgrShiyYs"
                               ref="bcgrGongsYs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label ">个人补差养老</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcgrShiyYs"
                               ref="bcgrYanglYs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">个人补差失业</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcgrShiyYs"
                               ref="bcgrShiyYs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">个人补差生育</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcgrShengyYs"
                               ref="bcgrShengyYs" placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label ">个人补差医疗</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.bcgrYilYs"
                               ref="bcgrYilYs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-个税(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtPersontaxSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-福利费(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtFulifSs"
                               placeholder="结算金额"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label ">结算其他-经济补偿(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtJingjibcSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-劳保用品(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtLaobaoSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-伙食(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtFoodSs"
                               placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label">结算其他工伤险</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtGongsSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-体检费用(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtTijianSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-税金(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtTaxSs"
                               placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label ">结算其他-社保补助(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtShebaobzSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-工会医疗互助(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtGonghyilSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label">结算其他-预留(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtRemarktSs"
                               placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label ">结算其他-预留(实收)</div>
                    <div class="col-sm-2  ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtRemarksSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-预留(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtRemarkfSs"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-其他小计(实收)</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtSubtotalSs"
                               placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label ">结算其他-说明(实收)</div>
                    <div class="col-sm-2  ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.jsqtExplainSs"
                               placeholder="实收总额"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-状态</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.basicStatus"/>
                    </div>

                    <div class="col-sm-2 control-label ">结算其他-未清金额</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.basicOutstandingAmount"
                               placeholder="结算金额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label ">结算其他-税额</div>
                    <div class="col-sm-2 ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.basicTaxAmount"
                               placeholder="结算金额"/>
                    </div>

                    <div class="col-sm-2 control-label ">实收总额</div>
                    <div class="col-sm-2  ">
                        <input type="text" class="form-control" v-model="serviceSettlementMain.totalPaid"
                               placeholder="实收总额"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-5 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </form>
        </div>
    </div>
</div>
</div>

<script src="${rc.contextPath}/js/recruit/persondispatch.js?_${date.systemTime}"></script>
</body>
</html>